.cm-picker-date-popup-switch
  border 1px solid $app-theme-color
  border-radius 5px

.cm-picker-date-popup-switch-split
  width 1px
  background-color $app-theme-color

.cm-picker-date-popup-switch-item
  font-size 14px
  color $app-theme-color
  background-color rgba(0, 0, 0, 0)
  padding 6px 12px
  
  &.active
    background-color $app-theme-color
    color $app-text-color-reverse

/* 如果用display:none来进行控制两个picker的显示，会出现渲染错乱的未知BUG */
/* 因此这里通过绝对定位、白色背景，控制公历Picker和农历Picker的层级，来决定谁显示在上层 */
/* 以下样式专门为此而生 */
.cm-picker-date-popup-wrapper
  position relative
  height 260px

.cm-picker-date-item
  cm-absolute(0, 0, 0, 0)
  background-color $app-card-bg-color
  /* 通过层叠顺序确保两个Picker都在场，却只显示一个 */
  &.up
    z-index 2
  &.down
    z-index 1